<!--
@file auditPurchasePop.html
@Date 2023-09-24, 周日, 16:34
@description 产品申购审核 更改订单信息弹窗
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/favicon.ico">
    <link rel="icon" type="image/png" href="../assets/img/favicon.ico">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>数据要素流通平台</title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
          name='viewport'/>
    <!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap-grid.css" rel="stylesheet"> -->
    <link href="../vendor/bootstrap-grid.css" rel="stylesheet">
    <!-- Google Font -->

    <!-- Main CSS -->
    <link href="../assets/css/main.css" rel="stylesheet"/>
    <link href="../assets/layui/css/layui.css" rel="stylesheet">
    <!-- Animation CSS -->
    <link href="../vendor/aos.css" rel="stylesheet"/>
    <style>

        .card-footer button {
            margin-left: 40px;
        }

        p {
            font-size: 16px;
        }

        .main {
            margin-top: 10px;
        }

        /* 更改Select组件下拉框的宽度 */
        .main .layui-select-title input {
            width: 80px; /* 自定义宽度，略小于Select组件的宽度以容纳下拉箭头 */
        }

        #sharedType .layui-select-title input {
            width: 150px; /* 自定义宽度，略小于Select组件的宽度以容纳下拉箭头 */
        }

        /* 更改Select组件的高度 */
        .main .layui-form-select {
            height: 40px; /* 自定义高度 */
        }

        /* 更改Select组件的高度 */
        #sharedType .layui-form-select {
            height: 40px; /* 自定义高度 */
        }

        /* 更改Select组件下拉框的最大高度 */
        .main .layui-anim-upbit {
            max-height: 220px; /* 自定义下拉框的最大高度 */
        }

        .main .inline-input {
            width: 120px;
        }

        /* 更改Select组件下拉框的最大高度 */
        #sharedType .layui-anim-upbit {
            max-height: 220px; /* 自定义下拉框的最大高度 */
        }

        #sharedType .inline-input {
            width: 150px;
        }

    </style>

</head>

<body>
<div class="main col-md-12">
    <div style="display:flex; flex-direction: row">
        <form class="layui-form layui-form-pane" lay-filter="auditForm">
            <div class="row form-group">
                <div class="col form-group">
                    <label class="layui-form-label">产品名称</label>
                    <div class="layui-input-block">
                        <input type="text" class="form-control" placeholder="产品名称" name="productName">
                    </div>
                </div>
            </div>
            <div class="row form-group">
                <div class="col form-group">
                    <label class="layui-form-label">申请人：</label>
                    <div class="layui-input-block">
                        <input type="text" class="form-control" placeholder="申请人名称" disabled name="createBy">
                    </div>
                </div>
                <div class="col form-group">
                    <label class="layui-form-label">联系电话：</label>
                    <div class="layui-input-block">
                        <input type="text" class="form-control" placeholder="暂无" disabled name="phone">
                    </div>
                </div>
            </div>
            <div class="row form-group">
                <div class="col form-group">
                    <label class="layui-form-label">访问信息</label>
                    <div class="layui-input-inline">
                        <input type="text" class="inline-input layui-input" placeholder="暂无" name="buyNum">
                    </div>
                    <div class="layui-input-inline">
                        <select name="buyType" lay-verify="">
                            <option value="0">次数</option>
                            <option value="4">天数</option>
                            <option value="2">记录数</option>
                        </select>
                    </div>
                </div>
                <div class="col form-group">
                    <label class="layui-form-label">使用信息</label>
                    <div class="layui-input-inline">
                        <input type="text" class="inline-input layui-input" placeholder="暂无" name="useNum">
                    </div>
                    <div class="layui-input-inline">
                        <select name="useType" lay-verify="">
                            <option value="0">次数</option>
                            <option value="4">天数</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row form-group  " id="sharedType">
                <div class="col form-group">
                    <label class="layui-form-label" style="width: 150px;">数据访问：</label>
                    <div class="layui-input-block">
                        <select name="sharedType" lay-verify="" style="width: 180px">
                            <option value="0">自由共享</option>
                            <option value="1">授权</option>
                            <option value="2">确权</option>
                            <option value="3">确权授权</option>
                        </select>
                    </div>
                </div>
                <div class="col form-group">
                    <label class="layui-form-label" style="width: 150px;">数据自由共享</label>
                    <div class="layui-input-block">
                        <input type="radio" name="dataFreedomType" value="0" title="允许">
                        <input type="radio" name="dataFreedomType" value="1" title="不允许" checked>
                    </div>
                </div>
            </div>
            <!--      <div class="row form-group">-->
            <!--        <div class="col form-group">-->
            <!--          <label class="layui-form-label" style="width: 150px;">密码类型：</label>-->
            <!--          <div class="layui-input-block">-->
            <!--            <input type="radio" name="pwdType" value="0" title="需要">-->
            <!--            <input type="radio" name="pwdType" value="1" title="不需要" checked>-->
            <!--          </div>-->
            <!--        </div>-->
            <!--        <div class="col form-group">-->
            <!--          <label class="layui-form-label" style="width: 150px;">密码：</label>-->
            <!--          <div class="layui-input-block">-->
            <!--            <input type="radio" name="password" value="0" title="允许">-->
            <!--            <input type="radio" name="password" value="1" title="不允许" checked>-->
            <!--          </div>-->
            <!--        </div>-->
            <!--      </div>-->
            <div class="row form-group">
                <div class=" col form-group">
                    <label class="layui-form-label">订单总价</label>
                    <div class="layui-input-block">
                        <input type="text" class="form-control" placeholder="订单总价" required=""
                               name="customerProductPrice">
                    </div>
                </div>
            </div>
            <div class="row form-group">
                <div class="col form-group">
                    <label class="layui-form-label" id="remark">审核意见：</label>
                    <div class="layui-input-block">
                    <textarea class="form-control" id="" rows="3" placeholder="请填写审核意见"
                              name="auditResult"></textarea>
                    </div>
                </div>
            </div>


        </form>
        <ul class="layui-timeline" >
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">8月18日</h3>
                    <p>产品注册成功</p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">8月16日</h3>
                    <p>处长审核</p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">8月15日</h3>
                    <p>
                        部长审核
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">8月15日</h3>
                    <p>平台管理员审核通过，产品上架</p>
                </div>
            </li>
        </ul>
    </div>


    <div class="form-group optGroup" style="float: right;">
        <button class="btn btn-success" type="button" id="agreeBtn">通过</button>
        <button class="btn btn-danger" type="button" id="rejectBtn">驳回</button>
    </div>
</div>


<!--------------------------------------
JAVASCRIPT
--------------------------------------->
<script src="../vendor/jquery.min.js" type="text/javascript"></script>
<script src="../vendor/popper.min.js" type="text/javascript"></script>
<script src="../vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../vendor/share.js" type="text/javascript"></script>
<script src="../js/functions.js" type="text/javascript"></script>
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.js"></script> -->
<script src="../vendor/bootstrap.bundle.js"></script>
<script src="../assets/layui/layui.js" type="text/javascript"></script>
<script src="../js/tool.js" type="text/javascript"></script>

<!-- Animation -->
<script src="../vendor/aos.js" type="text/javascript"></script>
<script src="../js/popupPage/auditPurchasePop.js"></script>

<script>

</script>
</body>

</html>
